<?xml version="1.0" encoding="UTF-8" ?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
		xmlns:ui="http://java.sun.com/jsf/facelets"
		xmlns:h="http://java.sun.com/jsf/html"
		xmlns:f="http://java.sun.com/jsf/core"
		xmlns:p="http://primefaces.org/ui"
		template="/WEB-INF/templates/general.xhtml">
		
	<ui:define name="title"><h:outputText value="My Account Home" /></ui:define>
	<ui:define name="header"><h:outputText value="My Account Home" /></ui:define>		

	<ui:define name="content">
		
			<h:form id="empleadosForm">
				<h2>Lista de empleados</h2>
				<h:messages id="messages" 
						errorClass="message-box-error" 
						fatalClass="message-box-error" 
						infoClass="message-box-info" 
						warnClass="message-box-warning"
						globalOnly="true"
					/> 
				
			<!-- 	<p:dataTable id="empleadosTable" var="empleado" value="#{empleados}" paginator="true" dynamic="true" paginatorPosition="bottom"
					rows="#{empleados.pageSize}" page="#{empleadosTable.currentPage}" lazy="true"> -->
				<p:dataTable id="empleadosTable" value="#{empleadoMBPrime.empleados}" var="empleado"
					emptyMessage="#{messages.noRecords}" paginator="false" paginatorPosition="bottom" rows="10"
					paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
					rowsPerPageTemplate="5,10,15">
					
					<p:column sortBy="nombre" filterStyleClass="">
						<f:facet name="header">
							<h:outputText value="Nombre" />
						</f:facet>
						<h:outputText value="#{empleado.nombre}" />
					</p:column>
					<p:column sortBy="apellidos">
						<f:facet name="header">
							<h:outputText value="Apellidos" />
						</f:facet>
						<h:outputText value="#{empleado.apellidos}" />
					</p:column>
					<p:column sortBy="dni">
						<f:facet name="header">
							<h:outputText value="DNI" />
						</f:facet>
						<h:outputText value="#{empleado.dni}" />
					</p:column>
					<p:column>
						<f:facet name="header">
							<h:outputText value="Género" />
						</f:facet>
						<h:outputText
							value="#{'M' eq empleado.genero ? messages.M : messages.H}" />
					</p:column>
					<ui:remove>
					<p:column sortBy="fechaNacimiento">
						<f:facet name="header">
							<h:outputText value="Fecha nacimiento" />
						</f:facet>
						<h:outputText value="#{empleado.fechaNacimiento}">
							<f:convertDateTime pattern="dd-MM-yyyy"/>
						</h:outputText>
					</p:column>
					<p:column>
						<f:facet name="header">
							<h:outputText value="Email" />
						</f:facet>
						<h:outputText value="#{empleado.email}" />
					</p:column>
					<p:column>
						<f:facet name="header">
							<h:outputText value="Teléfono" />
						</f:facet>
						<h:outputText value="#{empleado.telefono}" />
					</p:column>
					 </ui:remove>
					<p:column>
						<f:facet name="header">
							<h:outputText value="Puesto" />
						</f:facet>
						<h:outputText value="#{empleado.puesto}" />
					</p:column>

					<p:column>
						<f:facet name="header">
							<h:outputText value="Opciones" />
						</f:facet>
						<p:commandLink value2="#{messages.detail}" icon="ui-icon-bullet"
							onclick="PF('empleadoDetailDialogWidget').show();"
							update=":empleadoDetailDialogForm">
							<p:graphicImage value="/images/view.png" />
							<f:setPropertyActionListener target="#{empleadoMBPrime.empleado}" value="#{empleado}" />
						</p:commandLink>
						<p:spacer width="10px" />
						<p:commandLink value2="#{messages.update}" icon="ui-icon-pencil"
							update=":empleadoUpdateDialogForm"
							onclick="PF('empleadoUpdateDialogWidget').show();">
							<p:graphicImage value="/images/edit.png" />
							<f:setPropertyActionListener target="#{empleadoMBPrime.empleado}" value="#{empleado}" />
						</p:commandLink>
						<p:spacer width="10px" />
						<p:commandLink value2="#{messages.delete}" icon="ui-icon-trash" 
							update=":empleadoDeleteDialogForm"
							onclick="PF('empleadoDeleteDialogWidget').show();">
							<p:graphicImage value="/images/delete.png" />
							<f:setPropertyActionListener target="#{empleadoMBPrime.empleado}" value="#{empleado}" />
						</p:commandLink>
					</p:column>

				</p:dataTable>
				<p:commandButton value="#{messages.create} #{messages.empleado}"
					icon="ui-icon-plus" update=":empleadoCreateDialogForm"
					actionListener="#{empleadoMBPrime.resetEmpleado}"
					onclick="PF('empleadoCreateDialogWidget').show();" />
			</h:form>

			<ui:include
				src="./dialogs/empleadoCreateDialog.xhtml" />
			<ui:include
				src="./dialogs/empleadoDetailDialog.xhtml" />
			<ui:include
				src="./dialogs/empleadoUpdateDialog.xhtml" />
			<ui:include
				src="./dialogs/empleadoDeleteDialog.xhtml" />
		</ui:define>


</ui:composition>
